<template>
  <div class="mobile5-box">

      <my-header :title="title"></my-header>

    <div class="header">
        <img src="../../../assets/image/mobile8/mobile8-1.jpg" alt>
        <img src="../../../assets/image/mobile8/mobile8-2.jpg" alt>
        <img src="../../../assets/image/mobile8/mobile8-3.jpg" alt>
        <img src="../../../assets/image/mobile8/mobile8-4.jpg" alt>
        <img src="../../../assets/image/mobile8/mobile8-5.jpg" alt>
    </div>
    <div class="content">

    </div>
    <div class="footer">
        <img src="../../../assets/image/mobile8/mobile8-6.jpg" alt="">
        <img src="../../../assets/image/mobile8/mobile8-7.jpg" alt="">
        <img src="../../../assets/image/mobile8/mobile8-8.jpg" alt="">
        <img src="../../../assets/image/mobile8/mobile8-9.jpg" alt="">
        <img src="../../../assets/image/mobile8/mobile8-10.jpg" alt="">
        <img src="../../../assets/image/mobile8/mobile8-11.jpg" alt="">
        <img src="../../../assets/image/mobile8/mobile8-12.jpg" alt="">
        <img src="../../../assets/image/mobile8/mobile8-13.jpg" alt="">
        <img src="../../../assets/image/mobile8/mobile8-14.jpg" alt="">
        <img src="../../../assets/image/mobile8/mobile8-15.jpg" alt="">
        <img src="../../../assets/image/mobile8/mobile8-16.jpg" alt="">
        <img src="../../../assets/image/mobile8/mobile8-17.jpg" alt="">
        <img src="../../../assets/image/mobile8/mobile8-18.jpg" alt="">
        <img src="../../../assets/image/mobile8/mobile8-19.jpg" alt="">
        <img src="../../../assets/image/mobile8/mobile8-20.jpg" alt="">
        <img src="../../../assets/image/mobile8/mobile8-21.jpg" alt="">
        <img src="../../../assets/image/mobile8/mobile8-22.jpg" alt="">
        <img src="../../../assets/image/mobile8/mobile8-23.jpg" alt="">
        <img src="../../../assets/image/mobile8/mobile8-24.jpg" alt="">
        <img src="../../../assets/image/mobile8/mobile8-25.jpg" alt="">
        <img src="../../../assets/image/mobile8/mobile8-26.jpg" alt="">
        <img src="../../../assets/image/mobile8/mobile8-27.jpg" alt="">
    </div>
    <img src="../../../assets/image/mobile8/mobile8-28.jpg" alt="" class="footer-img">
  </div>
</template>

<script>
// import imgUrl1 from '../../../assets/image/mobile5/mobile5-1.jpg'
import myHeader from 'Components/common/myHeader.1'

import {mapActions, mapGetters} from 'vuex'
export default {
    components: {
        myHeader
    },
    data () {
        return {
            moblie5List: [],
            title: '病例介绍',
        }
    },
    methods: {
        ...mapActions(['getMobile5'])
    },
    computed: {
        ...mapGetters(['getMobile5s'])
    },
    async mounted () {
        await this.getMobile5('168611,420571');
        this.moblie5List = this.getMobile5s && this.getMobile5s || [];

        // 改变背景颜色
        document.querySelector('.van-nav-bar__title').style.color = '#ffffffcc';
        document.querySelector('.van-icon').style.color = '#ffffffcc';
        document.querySelectorAll('.van-icon')[1].style.color = '#ffffffcc';
        document.querySelector('.van-hairline--bottom').style.background = '#033186';
        document.querySelector('.van-hairline--bottom').style.opacity = '0.9'
    }
};
</script>

<style lang="scss" scoped>
body {
  background: #033186;
}
img {
  width: 100%;
  height: 100%;
  vertical-align: middle;
}
.footer-img {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: auto;
}
</style>


